<%--
  Created by IntelliJ IDEA.
  User: YIMing
  Date: 2021/8/17/017
  Time: 17:06
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>论文初稿-编辑列表</title>
    <link rel="stylesheet" href="../layui/css/layui.css">
    <script src="../layui/layui.js"></script>
    <script src="../js/jquery-3.1.0.js"></script>
    <script src="../js/FileSaver.js"></script>
    <script src="../js/wordexport.js"></script>
    <%--文件在线预览和批注--%>
    <script type="text/javascript" src="${pageContext.request.contextPath}/pageoffice.js" id="po_js_main"></script>
    <style>
        body {

            background-color: #eeeeee;
        }

        .layui-row {
            background-color: white;
            margin: 10px;
            padding: 10px;
            border-radius: 10px;
        }

        .title {
            font-size: 16px;
            font-weight: bold;
        }

        .layui-col-lg6 {
            padding: 8px;
        }

        .layui-card {
            text-align: center;
        }

        .left {
            width: 20%;
            padding: 5px;
            text-align: right;
        }

        .right {
            width: 30%;
            padding: 5px;
        }

        .layui-table-cell {
            height: 36px;
            line-height: 36px;
        }

        .layui-textarea {
            height: 150px;
        }

        .detail-left {
            text-align: right;
        }
    </style>
</head>

<body>
<%--面包屑--%>
<div class="layui-row">
    <div class="layui-col-lg12">
        <span class="layui-badge layui-bg-orange" style="margin-bottom: -3px"></span>
        <span class="layui-breadcrumb">
                  <a href="http://localhost/student/home.jsp">首页</a>
                    <a class="" href="javascript:;">过程管理</a>
                    <a><cite>论文提交-编辑列表</cite></a>
                </span>
    </div>
</div>
<%--选项卡--%>
<div class="layui-row">
    <div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief">
        <ul class="layui-tab-title" style="color: red ;font-weight: bold;">
            <li class="layui-this">论文初稿</li>
            <li>论文定稿</li>
            <li>论文终稿</li>
        </ul>
        <div class="layui-tab-content" style="height: 100px;">
            <div class="layui-tab-item layui-show">
                <div class="layui-col-lg12">
                    <%--初稿信息表--%>
                    <table class="layui-hide" id="paper-info1" lay-filter="paper-info1"></table>
                </div>
            </div>
            <div class="layui-tab-item">
                <div class="layui-col-lg12">
                    <%--定稿信息表--%>
                    <table class="layui-hide" id="paper-info2" lay-filter="paper-info2"></table>
                </div>
            </div>
            <div class="layui-tab-item">
                <div class="layui-col-lg12">
                    <%--终稿信息表--%>
                    <table class="layui-hide" id="paper-info3" lay-filter="paper-info3"></table>
                </div>
            </div>
        </div>
    </div>

</div>
</body>
<%--提交论文盒子--%>
<div class="layui-row" id="paperUpload-box" style="margin-top: 2px;display: none">
    <div class="layui-row">
        <fieldset class="layui-elem-field layui-field-title">
            <legend>提交论文</legend>
        </fieldset>
        <div class="layui-row">
            <table class="layui-table" lay-skin="line">
                <thead>
                <tr>
                    <td colspan="4"><h2>学生信息</h2></td>
                </tr>
                </thead>
                <tbody>
                <tr>
                    <td class="left">学号:</td>
                    <td class="right" id="sNO"></td>
                    <td class="left">姓名:</td>
                    <td class="right" id="sName"></td>
                </tr>
                <tr>
                    <td class="left">所属专业:</td>
                    <td class="right" id="major"></td>
                    <td class="left">标题:</td>
                    <td class="right" id="title"></td>

                </tr>
                <tr>
                    <td class="left">业务剩余次数:</td>
                    <td class="right">1</td>
                    <td class="left">用户剩余额外次数:</td>
                    <td class="right">1</td>
                </tr>
                </tbody>
            </table>
            <div class="layui-upload">
                <button type="button" class="layui-btn layui-btn-normal" id="test-upload-change">选择文件</button>
                <button type="button" class="layui-btn" id="test-upload-change-action">开始上传</button>
                <br>
                <span style="color: #999999;font-size: 12px"> 只允许上传word文件，文件后缀名为doc 或者 docx</span>
            </div>

        </div>
    </div>
</div>

<%--表内工具栏--%>
<script type="text/html" id="paper-info-tool">
    <a class="layui-btn layui-btn-xs layui-btn-normal" lay-event="edit">提交</a>
    <a class="layui-btn layui-btn-xs layui-btn-warm" lay-event="query">审核意见</a>
</script>
<%--课题详情表工具栏--%>
<div id="title-tool" style="display: none;">
    <a class="layui-btn layui-btn-xs" lay-event="taskDetail">课题详情</a>
</div>

<%--课题详情模板--%>
<div class="layui-row" id="task-detail" style="display: none">
    <table class="layui-table" lay-skin="line">
        <thead>
        <tr>
            <td colspan="4"><h2>学生课题详情内容</h2></td>
        </tr>
        </thead>
        <tbody>
        <tr>
            <td class="left">编号:</td>
            <td class="right" id="task-id" colspan="3"></td>
        </tr>
        <tr>
            <td class="left">学号:</td>
            <td class="right" id="task-sno"></td>
            <td class="left">姓名:</td>
            <td class="right" id="task-sname"></td>
        </tr>
        <tr>
            <td class="left">指导老师</td>
            <td class="right" id="task-tname"></td>
            <td class="left">指导老师工号</td>
            <td class="right" id="task-tno"></td>

        </tr>
        <tr>
            <td class="left">所属学院:</td>
            <td class="right" id="task-college"></td>
            <td class="left">所属专业:</td>
            <td class="right" id="task-major"></td>
        </tr>
        <tr>
            <td class="left">标题:</td>
            <td class="right" id="task-title"></td>
            <td class="left">题目来源:</td>
            <td class="right" id="task-from"></td>
        </tr>
        <tr>
            <td class="left">题目类别:</td>
            <td class="right" id="task-category"></td>
            <td class="left">题目性质:</td>
            <td class="right" id="task-nature"></td>
        </tr>
        <tr>
            <td class="left">课题简介:</td>
            <td class="right" colspan="3" id="task-intr"></td>
        </tr>
        </tbody>
    </table>
</div>
<%--查看审核意见模板--%>
<div class="layui-row" id="paper-detail" style="display: none">
    <table class="layui-table" lay-skin="line">
        <thead>
        <tr>
            <td colspan="2"><h2>论文审核意见</h2></td>
        </tr>
        </thead>
        <tbody>
        <tr>
            <td class="left">标题:</td>
            <td class="right" id="paper-title"></td>
        </tr>
        <tr>
            <td class="left">学号:</td>
            <td class="right" id="paper-sno"></td>
            <td class="left">姓名:</td>
            <td class="right" id="paper-sname"></td>
        </tr>
        <tr>
            <td class="left">指导老师</td>
            <td class="right" id="paper-tname"></td>
            <td class="left">指导老师工号</td>
            <td class="right" id="paper-tno"></td>
        </tr>
        <tr>
            <td class="left">所属学院:</td>
            <td class="right" id="paper-college"></td>
            <td class="left">所属专业:</td>
            <td class="right" id="paper-major"></td>
        </tr>
        <tr>
            <td class="detail-left">学生附件</td>
            <td id="stuFile" colspan="3">暂无学生附件信息</td>
        </tr>
        <tr>
            <td class="detail-left">老师附件</td>
            <td id="tFile" colspan="3">暂无学生老师信息</td>
        </tr>
        <tr>
            <td class="left">审核状态:</td>
            <td class="right" id="paper-state"></td>
            <td class="left">是否通过:</td>
            <td class="right" id="paper-isPass"></td>
        </tr>

        <tr>
            <td class="left">审核意见:</td>
            <td class="right" colspan="3" id="paper-opinion"></td>
        </tr>
        </tbody>
    </table>
</div>

<%--获取当前登录的session中的学号--%>
<script>
    let sno;
    $(function () {
        sno = '${sessionScope.userName}';
    });
</script>
<script src="js/paperSubmit.js">
</script>
</html>